.top{
   color: #fff;
   padding-top: 50rpx;
   position: relative; 
   width: 750rpx; 
   height: 420rpx; 
   text-align: center; 
   font-size: 25rpx;
}
.fxbacktp{
   width: 100%;
   height: 460rpx;
   z-index: -1;
   position: absolute;
   top: 0;
   left: 0;
   right: 0
}
/* .top:after {
   width: 160%; 
   height: 450rpx; 
   position: absolute; 
   left: -30%; 
   top: 0; 
   z-index: -1; 
   content: ''; 
   border-radius: 0 0 50% 50%; 
   background: linear-gradient(#E51F54, #E51F54
    yellow, green,
   #0DF9EE,
    blue,
    #970DF9
    ); 
} */
.top .name{
   line-height: 40rpx;
   font-size: 32rpx
}
.top image{
   width: 120rpx;
   height: 120rpx;
   border-radius: 50%;
}
.top .top-mes{
   margin-top: 50rpx;
}
.top .top-mes text, .top .top-code text{
   line-height: 80rpx; 
   font-size: 24rpx
}
.top .top-mes .name{
   margin-right: 80rpx
}
.top .top-code .aa{
   margin-right: 70rpx
}

.money{
   width: 750rpx;
   padding: 20rpx 0;
   font-size: 28rpx;
   background-color: #fff;
   display: flex;
   justify-content: space-around;
   text-align: center
}
.money .money-a{
   font-size: 26rpx;
   width: 33%;
   overflow: hidden;
}
.money .money-a view{
   font-size: 30rpx;
   line-height: 80rpx
}
.money .money-a button{
   height: 50rpx;
   font-size: 26rpx;
   line-height: 50rpx;
   background-color: #E51F54;
   color: #fff
}

.contents{
   width: 750rpx;
   background-color: #fff;
   margin-top: 28rpx;
   display: flex;
   flex-wrap:wrap
}
.contents>view{
   padding: 40rpx 0;
   text-align: center;
   border-right: 1rpx solid #ccc;
   border-bottom: 1rpx solid #ccc;
   line-height: 50rpx;
   font-size: 27rpx;
   width: 33%
}
.contents>view:nth-child(3), 
.contents>view:nth-child(6){
   border-right: 0
}
.contents>view image{
   width: 70rpx;
   height: 70rpx
}